<template>
  <div class="login">
    <!-- 中间的登陆框 -->
    <div class="login-box">
      <!-- 头像区 -->
      <div class="avatar-box">
        <img src="../../assets/logo.png" />
      </div>
      <!-- 登陆表单区 -->
      <div class="login-content">
        <div>
        <label for="abc">账号：</label>
        <input type="text" id="abc" v-model.trim="loginForm.username" />
        </div>
        <div>
        <label for="abcd">密码：</label>
        <input type="password" id="abcd" v-model.trim="loginForm.password" />
        </div>
        <div>
          <button @click="denglu">登陆</button>
          <button @click="chongzhi">重置</button>
        </div>
        <div>{{tishi}}</div>
      </div>
    </div>
  </div>
</template>
<script src="./login.js"></script>
<style src="./login.css" scoped></style>
